home *** CD-ROM | disk | FTP | other *** search
/ PC World Komputer 2010 April / PCWorld0410.iso / pluginy Firefox / 1833 / 1833.xpi / chrome / m / yoono.com / sidebar.jar / sidebar / memo / index.html < prev    next >
Encoding:
Extensible Markup Language  |  2009-12-16  |  24.4 KB  |  536 lines
  1. <?xml version="1.0" encoding="UTF-8"?>
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
  3.     "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
  4. <html debug="false" xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
  5.  
  6. <head>
  7.   <!-- saved from url=(0014)about:internet -->
  8.   <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
  9.   
  10.   <script type="text/javascript">
  11.     var defaultServices = [];
  12.   </script>
  13.   <script src="../js/services/yservices.js" type="text/javascript"></script>
  14.  
  15.    <!-- api -->
  16.    <script type="text/javascript" src="../js/yoono/YoonoAPI/Yoono.js"></script>
  17.    <script type="text/javascript" src="../js/yoono/utils/utils.js"></script>
  18.  
  19.    <!-- controls -->
  20.    <script src="../js/controls/scrollbar/ScrollBar.js" type="text/javascript"></script>
  21.  
  22.   <script src="../js/yoono/EventMgr/EMConst.js" type="text/javascript"></script>
  23.   <script src="../js/yoono/memo/common.js" type="text/javascript"></script>
  24.   <script src="js/mList.js" type="text/javascript"></script>
  25.   <script src="js/blog.js" type="text/javascript"></script>
  26.   <script src="js/share.js" type="text/javascript"></script>
  27.   <script src="js/viewer.js" type="text/javascript"></script>
  28.   <script src="js/editor.js" type="text/javascript"></script>
  29.   <script type="text/javascript" src="js/max-dialogs.js" yoono="partiel"></script>
  30.  
  31.   <script src="../js/yoono/memo/Note.js" type="text/javascript"></script>
  32.   <script src="../js/yoono/memo/Memo.js" type="text/javascript"></script>
  33.   <script src="../js/yoono/memo/MemoMgr.js" type="text/javascript"></script>
  34.  
  35.   <link rel="stylesheet" type="text/css" href="css/skins.css" />
  36.   <script type="text/javascript">
  37.     // This is called when Yoodget is loaded
  38.     // It loads the API, and then ./css/yoodget.css and mandatory files ./js/locales.js, ./js/yoodget.js
  39.     // Third parameter must be empty string ('') if no scriptaculous extension is needed
  40.     // or list needed scriptaculous scripts : 'effects,dragdrop,slider'
  41.     function loadYoonoApi() {
  42.  
  43.       yoono.require([
  44.         "yoono.thirdpart.prototype",
  45.         "yoono.thirdpart.scriptaculous",
  46.         "yoono.thirdpart.scriptaculous.effects",
  47.         "yoono.thirdpart.scriptaculous.dragdrop"
  48.       ]);
  49.  
  50.       window.ynWrapper.loadAPI(window, document, '', 'init');
  51.     }
  52.     
  53.   </script>
  54.  
  55. </head>
  56.   
  57. <body class="widget" style="display:none">
  58.  
  59.   <!-- MEMO LIST  -->
  60.  
  61.   <div id="yoodget-resizable-content" class="skin-bgD"> <!-- handled by API when resizing yoodget -->
  62.  
  63.   <div id="yheader-bg" class="skin-hstretch"></div>
  64.  
  65.   <div id="mlist" class="main-bloc"  onDropMethod="droppedOnNewMemo">
  66.     <div id="mlist-folder-header" style="display:none">
  67.       <div id="mlist-folder-title">
  68.         <div id="mlist-folder-back-btn" class="back-btn bg" hoverbox onclick="yoodget.getMList().back()"></div>
  69.         <div id="mlist-folder-icon"></div>
  70.         <span></span>
  71.         <div id="mlist-folder-title-arrow" class="bg"
  72.           menu="mlist-folder-menu"
  73.           menubutton="left"
  74.           position="element"
  75.           onmouseup="YTools.menu1(event)">
  76.         </div>
  77.       </div>
  78.       <div id="mlist-folder-title-input-box" style="display:none">
  79.         <input id="mlist-folder-title-input" type="text" value="ok" onkeypress="yoodget.getMList().folderTitleChanging(event)" />
  80.       </div>
  81.     </div>
  82.  
  83.     <div id="mlist-folder-menu" style="display:none;" class="menu" onclick="yoodget.getMList().menu(event)">
  84.       <div class="menu-item" hoverbox>
  85.         <span translate="true" value="delete-folder">Delete folder</span>
  86.       </div>
  87.       <div class="menu-item" hoverbox>
  88.         <span translate="true" value="rename-folder">Rename folder</span>
  89.       </div>
  90.     </div>
  91.  
  92.     <div id="mlist-message" style="display:none"></div>
  93.     
  94.     <div id="mlist-top">
  95.       <div id="mlist-titles"
  96.         menu="viewer-menu"
  97.         menubutton="right"
  98.         onclick="yoodget.getMList().titleClick(event)"
  99.         onmouseup="YTools.menu1(event)">
  100.           <input id="mlist-filter" style="display:none;" type="text" value=""
  101.             onfocus="yoodget.getMList().titleFilterFocus()"
  102.             onkeypress="yoodget.getMList().titleFilterChanging(event, 'press')"
  103.             onkeyup="yoodget.getMList().titleFilterChanging(event, 'keyup')" />
  104.  
  105.           <div id="mlist-titles-mine"></div>
  106.           <div id="mlist-titles-watched" style="display:none">
  107.             <div id="mlist-titles-watched-line" class="skin-bordercolor-dark"></div>
  108.             <div id="mlist-titles-watched-title" translate="true">You're watching :</div>
  109.             <div id="mlist-titles-watched-content"></div>
  110.           </div>
  111.           <div id="mlist-title-bottom" style="height:1px;clear:both"></div>
  112.       </div>
  113.     </div>
  114.  
  115.     <div id="mlist-titles-scbar" class="scbar" style="display:none">
  116.       <div class="scbarTrack">
  117.         <div class="scbarHandle">
  118.           <div class="scbarHandleTop scrollbarHandle skin-bgA"></div>
  119.           <div class="scbarHandleMiddle scrollbarHandle skin-bgA"> </div>
  120.           <div class="scbarHandleBottom scrollbarHandle skin-bgA"></div>
  121.         </div>
  122.       </div>
  123.     </div>
  124.  
  125.     <div id="mlist-drop-zone">
  126.       <div id="mlist-drop-zone-inner">
  127.  
  128.         <div style="position:absolute;top:10%;width:100%;z-index:1">
  129.           <div id="mlist-drop-zone-inner-caption" translate="true" >
  130.             <p translate="true">Drop here to save images, texts, videos.</p>
  131.             <p style="text-decoration: underline;cursor:pointer;" translate="true" onclick="yoodget.showVideos()">detect videos on page</p>
  132.           </div>
  133.           <div id="mlist-drop-zone-account-required" translate="true" >
  134.              <div align="center"><div id="mlist-drop-zone-preview" class="bg"></div></div>
  135.              <span translate="true">Save web page snippets<br>with this widget</span><br/>
  136.              <strong translate="true">(images, videos, texts)</strong><br/><br/>
  137.              <span translate="true">A Yoono account is required<br>to use this widget:</span><br/>
  138.              <span translate="true" class="link" style="cursor: pointer" onclick="yoodget.wrapper.showConfig('signin');">Sign in</span>
  139.              <span class="sep">|</span>
  140.              <span translate="true" class="link" style="cursor: pointer" onclick="yoodget.wrapper.showConfig('register');">Register</span>
  141.           </div>
  142.         </div>
  143.  
  144.       </div>
  145.       <div id="mlist-drop-zone-inner-small" class="skin-bordercolor-dark" style="display:none;">
  146.         <div id="mlist-drop-zone-inner-caption-small" translate="true" onclick="yoodget.showVideos()">Drop here...</div>
  147.       </div>
  148.  
  149.       <div style="position: absolute; bottom: 3px; left:3px; width: 82px;">
  150.  
  151.  
  152.         <div id="mlist-new-btn" 
  153.              class="button normal small"
  154.              menu="mlist-new-menu"             
  155.              menubutton="left"
  156.              onmouseup="YTools.menu1(event)">
  157.           <div class="button-icon common-img1"></div>
  158.  
  159.           <span translate="true">new</span>
  160.         </div>
  161.  
  162.       </div> 
  163.     </div>
  164.  
  165.  
  166.   </div>
  167.  
  168.   <div id="mlist-new-menu" style="display:none;" class="menu" onclick="yoodget.getMList().menu(event)">
  169.     <div class="menu-item" hoverbox>
  170.       <span translate="true" value="new-memo">Web Note</span>
  171.     </div>
  172.     <div class="menu-item" hoverbox>
  173.       <span translate="true" value="new-folder">Folder</span>
  174.     </div>
  175.   </div>
  176.  
  177.   <!-- VIEWER  -->
  178.  
  179.   <div id="viewer" class="main-bloc" style="display:none">
  180.  
  181.     <div id="viewer-back-btn" class="back-btn bg" hoverbox onclick="yoodget.getViewer().back()"></div>
  182.  
  183.     <div id="viewer-title-input-box" style="display:none">
  184.       <input id="viewer-title-input" type="text" value="ok" onkeypress="yoodget.getViewer().titleChanging(event)" />
  185.     </div>
  186.  
  187.     <div id="viewer-title" class="mlist-item" onclick="yoodget.getViewer().toggleRename()">
  188.         <table cellpadding="0" cellspacing="0">
  189.             <tr>
  190.                 <td>
  191.                     <div class="mlist-item-text" onDropMethod="droppedOnMemo"> </div>
  192.                 </td>
  193.                 <td>
  194.                     <div class="mlist-item-shared bg"></div>
  195.                 </td>
  196.             </tr>
  197.         </table>
  198.     </div>
  199.  
  200.     <div id="viewer-title-arrow"
  201.       menu="viewer-menu"
  202.       menubutton="left"
  203.       position="element"
  204.       onmouseup="YTools.menu1(event)"
  205.       onmousedown="/*yoodget.getViewer().titleMenu(event)*/"></div>
  206.  
  207.  
  208.     <div id="viewer-head-max" class="bg" value="open-max" tooltiptext="Open in a separate window" onclick="yoodget.getViewer().menu(event)"></div>
  209.  
  210.     <div id="viewer-content-box">
  211.  
  212.       <div id="viewer-content"></div>
  213.       <div id="viewer-message" style="display:none"></div>
  214.  
  215.     </div>
  216.  
  217.     <div class="note" hoverbox id="note-template">
  218.  
  219.       <div class="note-header skin-bgcolor-lite" >
  220.         <div class="note-header-menu-btn-spacer"></div>
  221.         <div class="note-header-menu-btn" hover
  222.           menu="note-actions-pop"
  223.           menubutton="left"
  224.           position="element"
  225.           onmouseup="YTools.menu1(event);"
  226.         ></div>
  227.         <div translate="true" class="note-header-edit-msg">edit</div>
  228.         <div class="note-bullet bg" rating="1" onmouseout="yoodget.getViewer().mouseoutRating(event)" onmouseover="yoodget.getViewer().mouseoverRating(this)" onClick="yoodget.getViewer().changeRating(event);"></div>
  229.         <div class="note-bullet bg" rating="2" onmouseout="yoodget.getViewer().mouseoutRating(event)" onmouseover="yoodget.getViewer().mouseoverRating(this)" onClick="yoodget.getViewer().changeRating(event);"></div>
  230.         <div class="note-bullet bg" rating="3" onmouseout="yoodget.getViewer().mouseoutRating(event)" onmouseover="yoodget.getViewer().mouseoverRating(this)" onClick="yoodget.getViewer().changeRating(event);"></div>
  231.         <div class="note-bullet bg" rating="4" onmouseout="yoodget.getViewer().mouseoutRating(event)" onmouseover="yoodget.getViewer().mouseoverRating(this)" onClick="yoodget.getViewer().changeRating(event);"></div>
  232.         <div class="note-bullet bg" rating="5" onmouseout="yoodget.getViewer().mouseoutRating(event)" onmouseover="yoodget.getViewer().mouseoverRating(this)" onClick="yoodget.getViewer().changeRating(event);"></div>
  233.       </div>
  234.       <div style="height:1px;"></div>
  235.       <div class="note-content"></div>
  236.     </div>
  237.  
  238.     <div id="viewer-foot">
  239.       <div id="viewer-foot-share-btn" hoverbox
  240.         menu="viewer-share-menu"
  241.         menubutton="left"
  242.         onmouseup="YTools.menu1(event)">
  243.         <div class="XXskin small-btn-bgleft"></div>
  244.         <div class="XXskin small-btn-bgright"></div>
  245.         <div id="viewer-foot-share-icon" class="bg"></div>
  246.         <span id="viewer-share-caption" translate="true">share with</span>
  247.         <div id="viewer-foot-share-btn-arrow" class="bg" hover></div>
  248.       </div>
  249.  
  250.       <div value="new-note" style="position:relative; top:6px; left: -2px;float:right" class="button normal small" translate="true" onclick="yoodget.getViewer().menu(event)" onDropMethod="droppedOnMemo">+ block</div>
  251.             
  252.     </div>
  253.  
  254.   </div>
  255.  
  256.   <div id="note-actions-pop" style="display:none;" class="menu menu-light" onclick="yoodget.getViewer().menu(event)">
  257.     <div class="menu-item menu-light-item" hoverbox>
  258.       <span translate="true" value="blog-note">Blog it</span>
  259.     </div>
  260.     <div class="menu-item menu-light-item" hoverbox>
  261.       <span translate="true" value="delete-note">Delete</span>
  262.     </div>
  263.   </div>
  264.  
  265.   <div id="viewer-share-menu" style="display:none;" class="menu" onclick="yoodget.getViewer().menu(event)">
  266.         <div class="menu-item" id="viewer-share-menu-private" hoverbox>
  267.       <div class="menu-icon common-img1"></div><span translate="true" value="PRIVATE">nobody</span>
  268.     </div>
  269.     <div class="menu-item" id="viewer-share-menu-all" hoverbox>
  270.       <div class="menu-icon common-img1"></div><span translate="true" value="ALL">everybody</span>
  271.     </div>
  272.   </div>
  273.  
  274.   <div id="viewer-menu" style="display:none;" class="menu" onclick="yoodget.getCurrentDisplay().menu(event)">
  275.     <div id="viewer-menu-open-page" class="menu-item" hoverbox>
  276.       <span translate="true" value="open-memo-page">See on my yoono page</span>
  277.     </div>
  278.     <div id="viewer-menu-rename-spacer" class="menu-sep"></div>
  279.     <div id="viewer-menu-rename" class="menu-item" hoverbox>
  280.       <span translate="true" value="rename-memo">Rename</span>
  281.     </div>
  282.     <div id="viewer-menu-delete" class="menu-item" hoverbox>
  283.       <span id="viewer-menu-delete-txt" translate="true" value="delete-memo">Delete</span>
  284.     </div>
  285.     <!-- do this properly or remove (eg: need to remove adjustment on edit...)
  286.     <div class="menu-item" hoverbox>
  287.       <span translate="true" value="adjust-images">Adjust image widths</span>
  288.     </div>
  289.     -->
  290.     <div id="viewer-menu-color-spacer" class="menu-sep"></div>
  291.     <div id="viewer-menu-color" style="overflow-y:hidden" class="menu-item" hoverbox>
  292.       <span translate="true">Button color :</span>
  293.     </div>
  294.     <div id="viewer-menu-move-spacer" class="menu-sep"></div>
  295.     <div id="viewer-menu-move" class="menu-item">
  296.       <span translate="true">Move to :</span><div id="viewer-menu-move-folder"></div>
  297.     </div>
  298.   </div>
  299.  
  300.   <!-- EDITOR -->
  301.  
  302.   <div id="toolbar-hover-pop" hoverbox style="display: none"
  303.        onmouseover="javascript:yoodget.getEditor().toolbarPopMouseOver(event); return false;"
  304.        onmouseout="javascript:yoodget.getEditor().toolbarPopMouseOut(event); return false;"
  305.        onclick="yoodget.getEditor().toolbarPopClick(event)">
  306.     <div class="toolbar-hover-pop-borderbit"></div>
  307.     <div class="toolbar-hover-pop-border"></div>
  308.     <div class="toolbar-hover-pop-content">
  309.       <div id="edit-menu-colors" hoverbox></div>
  310.       <div id="edit-menu-fontsize" hoverbox>
  311.         <a href="javascript:void(0)"><font size="1" value="font-small" translate="true">Small</font></a><a href="javascript:void(0)" value="font-normal" translate="true">Normal</a><a href="javascript:void(0)"><font size="4" value="font-large" translate="true">Large</font></a><a href="javascript:void(0)"><font size="5" value="font-huge" translate="true">Huge</font></a>
  312.       </div>
  313.       <div id="edit-menu-smileys" hoverbox href="javascript:void(0)"></div>
  314.     </div>
  315.   </div>
  316.  
  317.   <div id="editor" class="main-bloc" style="display:none">
  318.  
  319.     <div class="toolbar">
  320.  
  321.       <div class="tb-bg-middle"></div>
  322.  
  323.       <div class="toolbar-inner"
  324.        onclick="javascript:yoodget.getEditor().menu(event); return false;"
  325.        onmouseover="javascript:yoodget.getEditor().toolbarMouseOver(event); return false;"
  326.        onmouseout="javascript:yoodget.getEditor().toolbarMouseOut(event); return false;"
  327.        >
  328.         <a id="toolbar-edit-btn-bold" class="toolbar-edit-btn tb-bg" value="bold" href="javascript:void(0);"></a>
  329.         <a id="toolbar-edit-btn-italic" class="toolbar-edit-btn tb-bg" value="italic" href="javascript:void(0);"></a>
  330.         <a id="toolbar-edit-btn-underline" class="toolbar-edit-btn tb-bg" value="underline" href="javascript:void(0);"></a>
  331.         <a id="toolbar-edit-btn-color" class="toolbar-edit-btn tb-bg" title1="Font color" value="font-color" href="javascript:void(0);"></a>
  332.         <a id="toolbar-edit-btn-bg" class="toolbar-edit-btn tb-bg" title1="Highlight color" value="bg-color" href="javascript:void(0);"></a>
  333.         <a id="toolbar-edit-btn-fontsize" class="toolbar-edit-btn tb-bg" title1="Highlight color" value="edit-menu-fontsize" href="javascript:void(0);"></a>
  334.         <a id="toolbar-edit-btn-link" class="toolbar-edit-btn tb-bg" tooltiptext="Link" value="link" href="javascript:void(0);"></a>
  335.         <!--
  336.         <div class="toolbar-edit-btn-sep"></div>
  337.         <a id="toolbar-edit-btn-noformat" class="toolbar-edit-btn tb-bg" value="removeformat" tooltiptext="Remove formatting" href="javascript:void(0);"></a>
  338.         -->
  339.         <div class="toolbar-edit-btn-sep"></div>
  340.         <a id="toolbar-edit-btn-arrow" class="toolbar-edit-btn tb-bg" tooltiptext="More..." href="javascript:void(0);"
  341.           menu="editor-toolbar-menu"
  342.           menubutton="left"
  343.           position="element"
  344.           onmouseup="YTools.menu1(event)"
  345.         ></a>
  346.  
  347.         <div class="toolbar-edit-btn-sep"></div>
  348.         <a id="toolbar-edit-btn-max" class="toolbar-edit-btn tb-bg" tooltiptext="Open in a separate window" value="max" href="javascript:void(0);"></a>
  349.       </div>
  350.     </div>
  351.  
  352.     <div id="editor-viewer" onDropMethod="droppedOnOpenMemo">
  353.  
  354.  
  355.       <div id="editor-saving" style="display:none">
  356.         <div id="editor-saving-nw"></div>
  357.         <div id="editor-saving-ne"></div>
  358.         <div id="editor-saving-sw"></div>
  359.         <div id="editor-saving-se"></div>
  360.         <span>saving...</span>
  361.       </div>
  362.       <div id="editor-content"></div>
  363.  
  364.       <div id="editor-foot">
  365.  
  366.         <div id="editor-foot-blog-btn" class="button normal small" translate="true" onclick="yoodget.getEditor().blogIt()">Blog it</div>
  367.         <div id="editor-foot-ok-btn" class="button normal small" translate="true" onclick="yoodget.getEditor().okBtnClick(event)">OK</div>
  368.         <div id="editor-foot-btn" class="button normal small" translate="true" onclick="yoodget.getEditor().quit()">Cancel</div>
  369.  
  370.       </div>
  371.  
  372.     </div>
  373.  
  374.   </div>
  375.  
  376.   <div id="editor-share-page" class="main-bloc" style="display:none">
  377.  
  378.     <div id="editor-share-page-main">
  379.       <div id="editor-share-page-main-bg1" class="skin-hstretch"></div>
  380.  
  381.       <div id="editor-share-page-title-box">
  382.         <div id="editor-title-input-box">
  383.           <input id="editor-title-input" type="text" />
  384.         </div>
  385.       </div>
  386.  
  387.       <div id="editor-share-page-options" onclick="yoodget.getEditor().share(event)">
  388.         <div id="editor-share-page-option-title" translate="true">Share with :</div>
  389.         <div class="editor-share-page-option" value="PRIVATE"><div class="radio-btn common-img1"></div><span translate="true">nobody</span></div>
  390.         <div class="editor-share-page-option" value="ALL"><div class="radio-btn common-img1"></div><span translate="true">everybody</span></div>
  391.       </div>
  392.  
  393.     </div>
  394.  
  395.     <div class="editor-foot" >
  396.  
  397.       <div id="editor-share-page-foot-ok" class="button normal small" hoverbox onclick="yoodget.getEditor().okBtnClick(event)" translate="true" value="new-note" >OK</div>
  398.       <div id="editor-share-page-foot-quit" class="button light link" hoverbox onclick="yoodget.getEditor().quit()" translate="true" value="new-note" >Cancel</div>
  399.  
  400.     </div>
  401.  
  402.   </div>
  403.  
  404.   <div id="editor-toolbar-menu" style="display:none;" class="menu menu-light" onclick="yoodget.getEditor().menu(event)">
  405.     <div class="menu-item menu-light-item" hoverbox>
  406.       <a class="editor-toolbar-menu-item" translate="true" value="strikethrough" href="javascript:void(0);">Strikethrough</a>
  407.     </div>
  408.     <div class="menu-item menu-light-item" hoverbox>
  409.       <a class="editor-toolbar-menu-item" translate="true" value="insertunorderedlist" href="javascript:void(0);">Bullets</a>
  410.     </div>
  411.     <div class="menu-item menu-light-item" hoverbox>
  412.       <a class="editor-toolbar-menu-item" translate="true" value="insertorderedlist" href="javascript:void(0);">Numbered List</a>
  413.     </div>
  414.     <div class="menu-item menu-light-item" hoverbox>
  415.       <a class="editor-toolbar-menu-item" translate="true" value="removeformat" href="javascript:void(0);">Remove formatting</a>
  416.     </div>
  417.     <div class="menu-sep"></div>
  418.     <div class="menu-item menu-light-item" hoverbox>
  419.       <a class="editor-toolbar-menu-item" translate="true" value="Copy" href="javascript:void(0);">Copy</a>
  420.     </div>
  421.     <div class="menu-item menu-light-item" hoverbox>
  422.       <a class="editor-toolbar-menu-item" translate="true" value="Paste" href="javascript:void(0);">Paste</a>
  423.     </div>
  424.   </div>
  425.  
  426.   <!-- BLOG DIALOG -->
  427.  
  428.   <div id="blog-dlg" class="main-bloc" style="display:none">
  429.  
  430.     <div id="blog-dlg-title" class="dlg-title"  translate="true">
  431.         <span translate="true">Blog this note on :</span>
  432.     </div>
  433.  
  434.     <div id="blog-initial-pnl" style="Xdisplay:none">
  435.  
  436.       <div class="blog-pnl" style="height: 25px">
  437.         <select id="blog-provider-btn" onchange="yoodget.getBlog().selectProvider()"></select>
  438.       </div>
  439.  
  440.       <div id="blog-provider-menu" style="display:none;" class="menu" onclick="yoodget.getBlog().selectProvider(event)">
  441.       </div>
  442.  
  443.       <div class="blog-pnl" id="blog-url-pnl">
  444.         <div class="dlg-lbl" translate="true">Url of your blog :</div>
  445.         <input class="dlg-input email-from" id="blog-url" prompt="... of the blog" type="text" value="" />
  446.       </div>
  447.       <div class="blog-pnl" id="blog-login-pnl" style="display:none">
  448.         <div class="dlg-lbl" translate="true">Personal data :</div>
  449.         <div id="blog-login-lbl" translate="true">Login</div>
  450.         <input class="dlg-input" onfocus="yoodget.getBlog().removePrompt(this)" id="blog-login" type="text" prompt="... of the blog (not saved on our servers)" value="" />
  451.         <div id="blog-password-lbl" translate="true">Password</div>
  452.         <input id="blog-password" class="dlg-input" onkeypress="yoodget.getBlog().passwordChange(event)"
  453.           value="" onfocus="yoodget.getBlog().removePrompt(this)" type="password"  />
  454.       </div>
  455.  
  456.       <div class="blog-pnl" id="blog-account-pnl">
  457.         <div id="blog-account-pnl-lbl" translate="true" onclick="yoodget.getBlog().removeAccount()">delete this account</div>
  458.       </div>
  459.  
  460.     </div>
  461.  
  462.     <div id="blog-final-pnl" style="display:none">
  463.       <div id="blog-final-pnl-tick" class="skin"></div>
  464.       <span translate="true" onclick="yoodget.getBlog().openBlogPage()">The block has been posted on your <span>blog</span></span>
  465.     </div>
  466.  
  467.     <div class="dlg-footer">
  468.  
  469.  
  470.       <div id="blog-dlg-foot-finish-btn" class="button normal small light" translate="true" onclick="yoodget.getBlog().finishedClick()">Finished</div>
  471.       <div id="blog-dlg-foot-ok-btn" class="button normal small light" translate="true" onclick="yoodget.getBlog().okClick()">Post</div>
  472.       <div id="blog-dlg-foot-cancel-btn" class="button link small light" translate="true" onclick="yoodget.getBlog().cancel()">Cancel</div>
  473.  
  474.     </div>
  475.  
  476.   </div>
  477.  
  478.   <!-- SHARE DIALOG -->
  479.  
  480.     <div id="share-dlg" class="dlg main-bloc skin-bgA" style="display:none">
  481.  
  482.       <div class="dlg-title" translate="true">Share with friends</div>
  483.  
  484.       <input type="text" id="share-filter" onfocus="yoodget.getShare().removePrompt(this)" onkeyup="yoodget.getShare().filter()" style="display: none" />
  485.  
  486.       <div id="share-group-box" onclick="yoodget.getShare().groupBoxClick(event)">
  487.         <div id="share-group-box-content" class="bgB"></div>
  488.       </div>
  489.  
  490.       <div id="share-scbar" class="scbar" style="display:none">
  491.         <div class="scbarTrack">
  492.           <div class="scbarHandle">
  493.             <div class="scbarHandleTop scrollbarHandle skin-bgA"></div>
  494.             <div class="scbarHandleMiddle scrollbarHandle skin-bgA"> </div>
  495.             <div class="scbarHandleBottom scrollbarHandle skin-bgA"></div>
  496.           </div>
  497.         </div>
  498.       </div>
  499.  
  500.       <div class="dlg-footer">
  501.         <div style="margin-right: 5px;" class="button normal small" translate="true" onclick="yoodget.getShare().okClick()">OK</div>
  502.         <div style="margin-right: 5px;" class="button normal small" translate="true" onclick="yoodget.getShare().cancel()">Cancel</div>        
  503.       </div>
  504.  
  505.     </div>
  506.  
  507.     <div id="pop-template" class="pop-template popthingy skin-bgA skin-bordercolor-dark" style="display:none">
  508.       <div class="pop-head">
  509.         <div class="pop-head-center"></div>
  510.         <div class="movablepopup pop-head-right"></div>
  511.         <div class="pop-head-title"></div>
  512.         <div class="pop-head-drag" onMouseDown="yoodget.getDialogs().movePop(event)"></div>
  513.         <div class="movablepopup movablepopup-head-close" tooltiptext="Close the popup" hoverclass="image-hover" onClick="yoodget.getDialogs().closePop(event);"></div>
  514.       </div>
  515.  
  516.       <div class="pop-content-link-pop" style="display:none">
  517.         <div>URL</div>
  518.         <input type="text" onKeyPress="yoodget.getEditor().linkOK(event);" />
  519.       </div>
  520.  
  521.       <div class="pop-footer">
  522.  
  523.         <div class="pop-footer-link-pop movablepopup-foot-center" style="display:none">
  524.           <div class="button normal small" translate="true" onclick="yoodget.getEditor().linkOK()">OK</div>
  525.           <div class="button normal small" translate="true" onclick="yoodget.getEditor().linkCancel()">Cancel</div>
  526.         </div>
  527.  
  528.       </div>
  529.     </div>
  530.  
  531.   </div>
  532.  
  533. </body>
  534.  
  535. </html>
  536.